@CHARSET "UTF-8";

#toast
{   
position: fixed;   
top: 200px;   
left: 50%;   
width: 200px;   
margin-left: -100px;   
border: 1px solid #666;   
background-color: #000000;   
color: #ffffff;
padding: 10px 0 ;   
text-align:center;   
opacity: .9;   
  
-webkit-transition: opacity 0.5s ease-out ;
-moz-transition: opacity 0.5s ease-out; 
-ms-transition: opacity 0.5s ease-out;  
-o-transition: opacity 0.5s ease-out; 
transition: opacity 0.5s ease-out;   
<!--
/*The good stuff */  
-webkit-transition: opacity 0.5s ease-out; /* Saf3.2+, Chrome */  
-moz-transition: opacity 0.5s ease-out; /* FF4+ */  
-ms-transition: opacity 0.5s ease-out; /* IE10? */  
-o-transition: opacity 0.5s ease-out; /* Opera 10.5+ */  
transition: opacity 0.5s ease-out;   

-->
}
<!--查询表格样式 -->
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	margin: 0;
	padding: 0;
	font: 12px/ 15px "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #555;
	background: #f5f5f5 url(bg.jpg);
}

a {
	color: #666;
}

#content {
	width: 65%;
	max-width: 690px;
	margin: 6% auto 0;
}

/*
	Pretty Table Styling
	CSS Tricks also has a nice writeup: http://css-tricks.com/feature-table-design/
	*/
table {
	overflow: hidden;
	border: 1px solid #d3d3d3;
	background: #fefefe;
	width: 70%;
	margin: 5% auto 0;
	-moz-border-radius: 5px; /* FF1+ */
	-webkit-border-radius: 5px; /* Saf3-4 */
	border-radius: 5px;
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

th,td {
	padding: 10px 15px 10px;
	text-align: center;
}

th {
	padding-top: 22px;
	text-shadow: 1px 1px 1px #fff;
	background: #e8eaeb;
}

td {
	border-top: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}

tr.odd-row td {
	background: #f6f6f6;
}

td.first,th.first {
	text-align: left
}

td.last {
	border-right: none;
}

/*
	Background gradients are completely unnecessary but a neat effect.
	*/
td {
	background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
	background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9),
		to(#fefefe) );
}

tr.odd-row td {
	background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
	background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1),
		to(#f6f6f6) );
}

th {
	background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed);
	background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ededed),
		to(#e8eaeb) );
}

/*
	I know this is annoying, but we need additional styling so webkit will recognize rounded corners on background elements.
	Nice write up of this issue: http://www.onenaught.com/posts/266/css-inner-elements-breaking-border-radius
	
	And, since we've applied the background colors to td/th element because of IE, Gecko browsers also need it.
	*/
tr:first-child th.first {
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px; /* Saf3-4 */
}

tr:first-child th.last {
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px; /* Saf3-4 */
}

tr:last-child td.first {
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px; /* Saf3-4 */
}

tr:last-child td.last {
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px; /* Saf3-4 */
}

input ,select ,textarea{
	width:266px;
	height:30px;
	vertical-align:middle;
	border:1px;
	background: #f0f0f0;
	margin-left: -50px;
	margin-right: -50px
	}